<ion-navbar *navbar>
  <ion-title>
    Lists
  </ion-title>
</ion-navbar>

<ion-content>
  <ion-list>
    <ion-item *ngFor="let item of items" (click)="itemSelected(item)">
      {{item.title}}
    </ion-item>
  </ion-list>
  <ion-list no-lines>
    <ion-item *ngFor="let item of items" (click)="itemSelected(item)">
      {{item.title}}
    </ion-item>
  </ion-list>
  <ion-list inset>
    <ion-item *ngFor="let item of items" (click)="itemSelected(item)">
      {{item.title}}
    </ion-item>
  </ion-list>
  <ion-item-group>
    <ion-item-divider light>A</ion-item-divider>
    <ion-item>Angola</ion-item>
    <ion-item>Argentina</ion-item>
  </ion-item-group>
  <ion-list>
    <ion-list-header>
      Action
    </ion-list-header>
    <ion-item>Terminator II</ion-item>
    <ion-item>The Empire Strikes Back</ion-item>
    <ion-item>Blade Runner</ion-item>
  </ion-list>
  
  <ion-list>
  <ion-item>
    <ion-icon name="leaf" item-left></ion-icon>
      Herbology
    <ion-icon name="rose" item-right></ion-icon>
  </ion-item>
</ion-list>
</ion-content>